<script setup>
import { ref } from 'vue';
import Default from './components/default.vue';
import AssessCriticality from './components/AssessCriticality.vue'
// 0为默认界面 1为编辑界面 2为完成界面
let step = ref(0)
// 改变界面
let changeSetp = (value) => {
  step.value = value
}
</script>

<template>
  <div class="containter" >
    <div class="title" >
      <h1>Criticality</h1>
    </div>
    <div class="content" >
        <!-- 默认状态 -->
          <Default 
            v-if="step < 1"
            :changeSetp="changeSetp" 
          />
        <!-- 编辑界面和完成界面 -->
          <AssessCriticality 
            v-else
            :changeSetp="changeSetp" 
            :step="step"
          />
    </div>
  </div>
</template>

<style scoped>
</style>
